<template>
	<div class="left" id="left">
    <div class="kflexcc"><img src="https://static.91haoka.cn/1749785199UUV304672.jpg" style=" width: 100%; cursor: pointer;" @click="go('/myDistributor')"></div>
		<div class="nav">
      <!-- <div class="navli">
      	<router-link to="/index">
          <img src="../../static/kuanping/left1.svg" style="margin-right: 9px; width: 14px;">
          首页

        </router-link>

      </div> -->

			<!-- <div class="navli" >
				<router-link to="/mySupplier" v-if="func_A">
          <img src="../../static/kuanping/left2.svg" style="margin-right: 9px; width: 14px;">
          我的供应商
        </router-link>

			</div> -->
			<div class="navli" >
				<router-link to="/myDistributor" v-if="func_B">
          <img src="../../static/kuanping/left3.svg" style="margin-right: 9px; width: 14px;" >
          我的分销商</router-link>

			</div>
			<el-collapse v-model="productionshow" @change="productionchange" v-if="P">
				<el-collapse-item name="1">
					<template slot="title">
            <img src="../../static/kuanping/leftx4.png" style="margin-right: 9px; width: 14px;">
            产品管理中心</template>

					<div class="navli2" v-if="P01">
						<router-link to="/productionBasismanag">产品渠道管理</router-link>

						<div v-if="isshowlocalnav" @click.stop="getpathname('/productionBasismanag','产品渠道管理')" class=" t_local" ></div>
					</div>

					<div class="navli2" v-if="P02">
						<router-link to="/productionDelivery">在售商品管理</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/productionDelivery','在售商品管理')" class=" t_local" ></div>
					</div>

          <!-- <div class="navli2" v-if="checkquanxian('P03').length > 0 ">
          	<router-link to="/ziliaoku">
              <div class="kflexc">
                商品资料库<div style="background: #f00; margin-left: 9px; text-align: center; color: #fff !important; min-width: 20px; line-height: 20px; font-size: 12px; height: 20px; border-radius: 20px;">{{shuliang}}</div>
              </div>
            </router-link>

          </div> -->

				</el-collapse-item>
			</el-collapse>

			<el-collapse v-model="ordershow" @change="orderchange" v-if="func_I">
				<el-collapse-item name="1">
					<template slot="title"><img src="../../static/kuanping/leftx5.png" style="margin-right: 9px; width: 14px;">订单管理</template>

					<div class="navli2" v-if="checkquanxian('I01').length > 0 ">
						<router-link to="/order_question">订单处理</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/order_question','订单处理')" class=" t_local" ></div>
					</div>
					<!-- <div class="navli2" v-if="checkquanxian('I08').length > 0 ">
						<router-link to="/orderImport">创建订单</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/orderImport','创建订单')" class=" t_local" ></div>
					</div>

					<div class="navli2" v-if="func_I03">
						<router-link to="/order_catch">抓单管理</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/order_catch','抓单管理')" class=" t_local" ></div>
					</div> -->

          <div class="navli2" v-if="checkquanxian('L06').length > 0 ">
          	<router-link to="/dingdanweixi/dingdanweixi" v-if="checkquanxian('L0602').length > 0">订单维系</router-link>
            <router-link to="/dingdanweixi/dingdanweixi2" v-else-if="checkquanxian('L0601').length > 0">订单维系</router-link>
          </div>
				</el-collapse-item>
			</el-collapse>

			<el-collapse v-model="productshow" @change="prochange" v-if="func_D">
				<el-collapse-item name="1">
					<template slot="title"><img src="../../static/kuanping/leftx6.png" style="margin-right: 9px; width: 14px;">生产管理</template>
<!-- 					<div class="navli2" v-if="checkquanxian('D01').length > 0 ">
						<router-link to="/order_examine">订单审核</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/order_examine','订单审核')" class=" t_local" ></div>
					</div> -->
					<div class="navli2" v-if="checkquanxian('D02').length > 0 ">
						<router-link to="/order_production">生产发货</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/order_production','生产发货')" class=" t_local" ></div>
					</div>
					<div class="navli2" v-if="checkquanxian('D04').length > 0 ">
						<router-link to="/order_productionzdsc">自动生产订单</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/order_productionzdsc','自动生产订单')" class=" t_local" ></div>
					</div>
				</el-collapse-item>
			</el-collapse>
     <div class="navli " v-if="func_S " >
      	<router-link to="/xinbaobiao">
          <img src="../../static/kuanping/left15.png" style="margin-right: 9px; width: 14px;" v-if="dizhi == '/xinbaobiao'">
          <img src="../../static/kuanping/leftx15.png" style="margin-right: 9px; width: 14px;" v-if="dizhi != '/xinbaobiao'">
          新报表
          </router-link>
		  <div  v-if="isshowlocalnav" @click.stop="getpathname('/xinbaobiao','新报表')" class=" t_local" ></div>
      </div>

 <!--     <div class="navli"  v-if="(shopid == 304676 || shopid == 50481) && func_T ">
      	<router-link to="/yonghuyunying">
          <img src="../../static/kuanping/left15.svg" style="margin-right: 9px; width: 14px;" >
          用户运营</router-link>
		  <div  v-if="isshowlocalnav" @click.stop="getpathname('/yonghuyunying','用户运营')" class=" t_local" ></div>
      </div> -->

<!-- 			<el-collapse v-model="caiwushow" @change="caiwuchange" v-if="func_J ">
				<el-collapse-item name="1">
					<template slot="title"><img src="../../static/kuanping/leftx8.png" style="margin-right: 9px; width: 14px;">财务管理</template>
					<div class="navli2" v-if="func_J01">
						<router-link to="/finance/onlinecommission">收入管理</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/finance/onlinecommission','收入管理')" class=" t_local" ></div>
					</div>
					<div class="navli2" v-if="func_J02">
						<router-link to="/finance/zhichu">核算支出</router-link>
						<div  v-if="isshowlocalnav" @click.stop="getpathname('/finance/zhichu','核算支出')" class=" t_local" ></div>
					</div>
					<div class="navli2" v-if="func_J04">
						<div >
							<router-link to="/finance/ke">返利管理</router-link>
							<div  v-if="isshowlocalnav" @click.stop="getpathname('/finance/ke','返利管理')" class=" t_local" ></div>
						</div>

					</div>
				</el-collapse-item>
			</el-collapse> -->

      <!-- 财务管理新 -->
 <!--     <el-collapse v-model="caiwushow2" @change="caiwuchange2" v-if="func_V " >
      	<el-collapse-item name="1">
      		<template slot="title">
            <div class="kflexc">
              <img src="../../static/kuanping/leftx8.png" style="margin-right: 9px; width: 14px;">
              财务管理
              <img src="https://photo.91haoka.cn/haoka_mobile/new.gif" style="width: 40px; margin-left: 10px;">

            </div>

          </template>
      		<div class="navli2">
      			<router-link to="/yongjinzhichu" v-if="checkquanxian('V02').length > 0 ">佣金支出</router-link>
      		</div>
          <div class="navli2">
          	<router-link to="/yongjintixian" v-if="checkquanxian('V03').length > 0 ">佣金提现</router-link>
          </div>
          <div class="navli2">
          	<router-link to="/yongjin/yongjinwai" v-if="checkquanxian('V01').length > 0 ">收入统计</router-link>
          </div>
          <div class="navli2">
          	<router-link to="/lirun" v-if="checkquanxian('V04').length > 0  && (shopid == 50481 || shopid == 304676)">利润报表</router-link>
          </div>
      	</el-collapse-item>
      </el-collapse> -->


	   <!-- 新外呼 -->
<!-- 	   <el-collapse @change="newcallchange2" v-model="newcall" v-if="checkquanxian('X').length > 0 " >
      	<el-collapse-item name="1">
      		<template slot="title"><img src="../../static/kuanping/left91.svg" style="margin-right: 9px; width: 14px;">新外呼测试版</template>

          <div class="navli2"   v-if="checkquanxian('X02').length > 0 ">
          	<router-link to="/callsystem/newcalls/guanlizhongxin" >管理中心</router-link>
          </div>
		  <div class="navli2"   v-if="checkquanxian('X03').length > 0 ">
          	<router-link to="/callsystem/newcalls/waihuzhongxin" >外呼中心</router-link>
          </div>
		  <div class="navli2"  v-if="(shopid == 304676 || shopid == 50481) && checkquanxian('X01').length > 0 " >
          	<router-link to="/callsystem/newcalls/fengkong" >风控管理</router-link>
          </div>

      	</el-collapse-item>
      </el-collapse> -->




			<!-- <div class="navli" >
				<router-link to="/callsystem/taskCenter" v-if="func_K">
          <img src="../../static/kuanping/left9.svg" style="margin-right: 9px; width: 14px;">
          外呼中心</router-link>

			</div> -->

			<!-- <div class="navli" v-if="func_N ">
				<router-link to="/duanxin">
          <img src="../../static/kuanping/left10.svg" style="margin-right: 9px; width: 14px;">
          短信中心</router-link>

			</div> -->

			<!-- <div v-if="func_U " class="navli">
				<router-link to="/tousugongdan" >
          <img src="../../static/kuanping/left17.svg" style="margin-right: 9px; width: 14px;">
          投诉工单管理({{ newVal }})</router-link>
		  <div   v-if="isshowlocalnav" @click.stop="getpathname('/tousugongdan','投诉工单管理')" class=" t_local" ></div>
			</div> -->
			<div class="navli">
				<router-link to="/zhanghuguanli" v-if="func_F">
          <img src="../../static/kuanping/left11.svg" style="margin-right: 9px; width: 14px;">
          账号管理中心</router-link>
		  <div  v-if="isshowlocalnav&&func_F" @click.stop="getpathname('/zhanghuguanli','账号管理中心')" class=" t_local" ></div>
			</div>
			<!-- <div class="navli">
				<router-link to="/xiaoxitongzhi" v-if="func_H">
          <img src="../../static/kuanping/left12.svg" style="margin-right: 9px; width: 14px;">
          消息通知</router-link>

			</div> -->


			<!-- <div class="navli" >
				<router-link to="/wodezhanghu" v-if="func_M">
          <img src="../../static/kuanping/left14.svg" style="margin-right: 9px; width: 14px;" >
          我的账户</router-link>

			</div> -->

			<!-- <div class="navli" v-if="(shopid == 304676 || shopid == 50481) ">
				<router-link to="/baobiao/index">
          <img src="../../static/kuanping/left15.png" style="margin-right: 9px; width: 14px;" v-if="dizhi == '/baobiao/index'">
          <img src="../../static/kuanping/leftx15.png" style="margin-right: 9px; width: 14px;" v-if="dizhi != '/baobiao/index'">
          报表</router-link>

			</div> -->


      <!-- <el-collapse v-if="func_Q01 " v-model="zhiboshow" @change="zhibochange" >
      	<el-collapse-item name="1">
      		<template slot="title"><img src="../../static/kuanping/leftx16.png" style="margin-right: 9px; width: 14px;">直播统计</template>
      		<div class="navli2">
      			<router-link to="/zhibodaka9" v-if="func_Q0101">直播打卡</router-link>
      			<div  v-if="isshowlocalnav&&func_Q0101" @click.stop="getpathname('/zhibodaka9','直播打卡')" class=" t_local" ></div>
      		</div>
      		<div class="navli2">
      			<router-link to="/zhibotongji9" v-if="func_Q0102">直播统计</router-link>
      			<div  v-if="isshowlocalnav&&func_Q0102" @click.stop="getpathname('/zhibotongji9','直播统计')" class=" t_local" ></div>
      		</div>
      	</el-collapse-item>
      </el-collapse> -->

			<!-- <div v-if="(shopid == 304676 || shopid == 50481) " class="navli">
				<router-link to="/quanyi" >
				<img src="../../static/kuanping/left17.svg" style="margin-right: 9px; width: 14px;">
				权益领取</router-link>
			</div> -->

      <!-- <div v-if="(shopid == 304676 || shopid == 50481) " class="navli">
      	<router-link to="/haomayuechaxun" >
      	<img src="../../static/kuanping/left17.svg" style="margin-right: 9px; width: 14px;">
      	号码余额查询</router-link>
      </div> -->

      <!-- <div class="navli">
      	<router-link to="/gongju" >
      	<img src="../../static/kuanping/left17.svg" style="margin-right: 9px; width: 14px;">
      	工具</router-link>
      </div> -->

		</div>

	</div>
</template>

<script>
	import axios from 'axios'
	// import func from '../../vue-temp/vue-editor-bridge';
	export default {
		name: 'left',
		data() {
			return {
				messagenum: 0,
				ordershow: [],
				productshow: [],
				numbershow: [],
				waihushow: [],
				caiwushow: [],
        caiwushow2: [],
        newcall: [],
				lianghaoshow: [],
				productionshow: [],
				myDistributorshow: [],
				user_func: [],
        tuikuanshow:[],

				func_A: false,
				func_B: false,
				func_C: false,
				func_D: false,
				func_E: false,
				func_F: false,
				func_G: false,
				func_H: false,
				func_I: false,
				func_J: false,
				func_K: false,
				func_L: false,
				func_M: false,
				func_N: false,
				func_U: false,
				func_Q01:false,
				func_Q0101:false,
				func_Q0102:false,
        func_V:false,

				func_J01: false,
				func_J02: false,
				func_J04: false,
				func_I03: false,
        func_R01:false,

				P02: false,
				P01: false,
        func_S:false,
        func_T:false,

				shop: "",
				shopid: "",

				user: "",

        dizhi:"",
        newVal:null,
        isshowlocalnav:true,
        shuliang:0
			}
		},
		created() {
      axios.get('/api/gth/information/list')
      .then(response => {
        if (response.data.msg.code == 0) {
          this.shuliang = response.data.data.update_count
        } else {
          this.$message.error(response.data.msg.info);
        }
      })
			//投诉数量
			if(!sessionStorage.getItem('watchStorage')){
				axios.post('/api/gth/admin/complaint/job/count')
				.then(response => {
						if (response.data.msg.code == 0) {
							this.newVal = response.data.data.total;
							this.resetSetItem('watchStorage', response.data.data.total);
						} else {
							this.$message.error(response.data.msg.info);
						}
					})
			}else{
				this.newVal = sessionStorage.getItem('watchStorage');
			}

			window.addEventListener('setItem', ()=> {
				this.newVal = sessionStorage.getItem('watchStorage');
			})

      this.dizhi = this.$route.path

			var that = this
			this.myDistributorshow = sessionStorage.getItem('myDistributorshow');
			this.productionshow = sessionStorage.getItem('productionshow');
			this.ordershow = sessionStorage.getItem('ordershow');
			this.zhiboshow = sessionStorage.getItem('zhiboshow');

			this.productshow = sessionStorage.getItem('productshow');
      this.tuikuanshow = sessionStorage.getItem('tuikuanshow');

			this.numbershow = sessionStorage.getItem('numbershow');
			this.waihushow = sessionStorage.getItem('waihushow')
			this.caiwushow = sessionStorage.getItem('caiwushow')
      this.caiwushow2 = sessionStorage.getItem('caiwushow2')
      this.newcall = sessionStorage.getItem('newcall')
			this.lianghaoshow = sessionStorage.getItem('lianghaoshow')


			this.user = JSON.parse(localStorage.getItem('USER'));
			//权限问题
			var user = JSON.parse(localStorage.getItem('USER'));

			this.user_func = user.functions
			this.shop = user.id
			for (var i in this.user_func) {
				if (this.user_func[i] != null) {
					var func_number = this.user_func[i].code
				}
				if (func_number.indexOf("A") >= 0) {
					this.func_A = true
				}
				if (func_number.indexOf("B") >= 0) {
					this.func_B = true
				}
				if (func_number.indexOf("C") >= 0) {
					this.func_C = true
				}
				if (func_number.indexOf("D") >= 0) {
					this.func_D = true
				}
				// if(func_number.indexOf("E") >= 0){ this.func_E = true }
				if (func_number.indexOf("F") >= 0) {
					this.func_F = true
				}
				if (func_number.indexOf("G") >= 0) {
					this.func_G = true
				}
				if (func_number.indexOf("H") >= 0) {
					this.func_H = true
				}
				if (func_number.indexOf("I") >= 0) {
					this.func_I = true
				}
				if (func_number.indexOf("I03") >= 0) {
					this.func_I03 = true
				}
				if (func_number.indexOf("J") >= 0) {
					this.func_J = true
				}
				if (func_number.indexOf("Q01") >= 0) {
					this.func_Q01 = true
				}
        if (func_number.indexOf("R01") >= 0) {
        	this.func_R01 = true
        }

				if (func_number.indexOf("Q0101") >= 0) {
					this.func_Q0101 = true
				}
				if (func_number.indexOf("Q0102") >= 0) {
					this.func_Q0102 = true
				}

				if (func_number.indexOf("K") >= 0) {
					this.func_K = true
				}
				if (func_number.indexOf("L") >= 0) {
					this.func_L = true
				}
				if (func_number.indexOf("M") >= 0) {
					this.func_M = true
				}
				if (func_number.indexOf("N") >= 0) {
					this.func_N = true
				}

				if (func_number.indexOf("J01") >= 0) {
					this.func_J01 = true
				}
				if (func_number.indexOf("J02") >= 0) {
					this.func_J02 = true
				}
				if (func_number.indexOf("J04") >= 0) {
					this.func_J04 = true
				}
				if (func_number.indexOf("P") >= 0) {
					this.P = true
				}
				if (func_number.indexOf("P01") >= 0) {
					this.P01 = true
				}
				if (func_number.indexOf("P02") >= 0) {
					this.P02 = true
				}
        if (func_number.indexOf("S") >= 0) {
        	this.func_S = true
        }
		if (func_number.indexOf("U") >= 0) {
					this.func_U = true
				}
        if (func_number.indexOf("T") >= 0) {
        	this.func_T = true
        }
        if (func_number.indexOf("V") >= 0) {
        	this.func_V = true
        }


			}
			//店铺权限问题
			this.shopid = JSON.parse(localStorage.getItem('SHOP')).shop_id;
		},

		mounted() {


      if(localStorage.getItem('congnalai') != '/login'){
        let x = document.getElementById('left')
        x.scrollTo({
          top:localStorage.getItem('h')
        })
      }


      if(document.getElementById('left')){
        let x = document.getElementById('left')
        x.addEventListener('scroll', ()=>{
          let h = x.scrollTop
          localStorage.setItem('h',h)
        })
      }
    },

		methods: {
      go:function(url){
        this.$router.push(url)
      },
      gozhibo:function(){
        var arrstr = document.cookie.split("; ");
        let cookie = ''
        for(var i = 0;i < arrstr.length;i ++){
          var temp = arrstr[i].split("=");
            if(temp[0] == 'laravel_session') {
              cookie = temp[1]
            }
        }
        window.open('http://storep.91haoka.cn/web/zhiboxitong/zhiboxiaoshou?cookie='+cookie)

      },
      tuikuanchange: function() {
      	if (this.tuikuanshow.indexOf("1") >= 0) {
      		sessionStorage.setItem('tuikuanshow', 1);
      	} else {
      		sessionStorage.setItem('tuikuanshow', 0);
      	}
      },
			myDistributorchange: function() {
				if (this.myDistributorshow.indexOf("1") >= 0) {
					sessionStorage.setItem('myDistributorshow', 1);
				} else {
					sessionStorage.setItem('myDistributorshow', 0);
				}
			},
			productionchange: function() {
				if (this.productionshow.indexOf("1") >= 0) {
					sessionStorage.setItem('productionshow', 1);
				} else {
					sessionStorage.setItem('productionshow', 0);
				}
			},
			numberchange: function() {
				if (this.numbershow.indexOf("1") >= 0) {
					sessionStorage.setItem('numbershow', 1);
				} else {
					sessionStorage.setItem('numbershow', 0);
				}
			},
			waihuchange: function() {
				if (this.waihushow.indexOf("1") >= 0) {
					sessionStorage.setItem('waihushow', 1);
				} else {
					sessionStorage.setItem('waihushow', 0);
				}
			},
			orderchange: function() {
				if (this.ordershow.indexOf("1") >= 0) {
					sessionStorage.setItem('ordershow', 1);
				} else {
					sessionStorage.setItem('ordershow', 0);
				}
			},
			zhibochange: function() {
				if (this.zhiboshow.indexOf("1") >= 0) {
					sessionStorage.setItem('zhiboshow', 1);
				} else {
					sessionStorage.setItem('zhiboshow', 0);
				}
			},
			prochange: function() {
				if (this.productshow.indexOf("1") >= 0) {
					sessionStorage.setItem('productshow', 1);
				} else {
					sessionStorage.setItem('productshow', 0);
				}
			},
			caiwuchange: function() {
				if (this.caiwushow.indexOf("1") >= 0) {
					sessionStorage.setItem('caiwushow', 1);
				} else {
					sessionStorage.setItem('caiwushow', 0);
				}
			},
      caiwuchange2: function() {
      	if (this.caiwushow2.indexOf("1") >= 0) {
      		sessionStorage.setItem('caiwushow2', 1);
      	} else {
      		sessionStorage.setItem('caiwushow2', 0);
      	}
      },
	  newcallchange2: function() {
      	if (this.newcall.indexOf("1") >= 0) {
      		sessionStorage.setItem('newcall', 1);
      	} else {
      		sessionStorage.setItem('newcall', 0);
      	}
      },
			lianghaochange: function() {
				if (this.lianghaoshow.indexOf("1") >= 0) {
					sessionStorage.setItem('lianghaoshow', 1);
				} else {
					sessionStorage.setItem('lianghaoshow', 0);
				}
			},
			//外部跳转
			getpathname(path,navname){
				var nowlink = window.location.href
				var locallink = nowlink.split("#")[0]
				window.open(locallink+'#'+path,'_blank')
			},
			//获取路由
			getpathname2(path,navname){
				// console.log('路由==--')
				// console.log(this.$router.options.routes);
				// var path = '/xiaoxitongzhi'
				// var navname = '消息通知'

				var path = path
				var navname = navname

				var allroot = this.$router.options.routes

				var localnav = {
					navname:navname,
					path:path,
					name1:'',
					name2:''
				}

				for(var x=0;x<allroot.length;x++){
					if(allroot[x].path == path){
						console.log('路由name')
						console.log(allroot[x].name)
						localnav.name1 = allroot[x].name
						//判断是否有子集
						if(allroot[x].children){
							for(var y=0;y<allroot[x].children.length;y++){
								if(allroot[x].redirect==allroot[x].children[y].path){
									console.log('二级name')
									console.log(allroot[x].children[y].name)
									localnav.name2 = allroot[x].children[y].name
								}
							}
						}
					}
				}

				console.log('路由对象')
				console.log(localnav)
				//存到loacalstorage
				var nav = []
				var local_nav = JSON.parse(localStorage.getItem('LOCAL_NAV'+this.shopid))
				if(local_nav){
					nav = local_nav
					//看数量是否大于4个
					if(nav.length>3){
						this.$message.error('最多添加4个导航');
							return
					}
					//看是否重复
					for(var x = 0;x<nav.length;x++){
						if(nav[x].path==path){
							this.$message.error('已经添加过导航');
							return
						}
					}
				}
				nav.push(localnav)
				//保存固定导航
				localStorage.setItem('LOCAL_NAV'+this.shopid, JSON.stringify(nav));
				this.$message({
					message: '添加成功',
					type: 'success'
				});

			}
		},
	}
</script>
<style scoped>
.t_local{
	margin-left: 10px;
	position:absolute;
	top:18px;
	right: 15px;
	width: 13px;
	background-image:url('../../static/img/open.png') ;background-size: 100% 100%;
	height: 13px;
}
</style>
<style lang="scss" scoped>
	.left {
		background: #fff;
		position: relative;
    transition: all 0.2s;
    overflow-x: hidden;
    /deep/ .el-collapse-item__arrow{ font-weight: bold !important;}


		.nav {
      width: 194px; margin: 0 3px;

			/deep/ .router-link-active {
				background: #EEF7FF;
				color: #2974FF !important;
        img{
            filter: drop-shadow(#2974FF 100px 0) !important;
            transform: translateX(-100px);
        }
			}


      /deep/ .el-collapse-item__header{ line-height: 49px; height: 49px; color: #7B8699; padding-left: 25px; font-weight: bold; border: none; font-size: 14px;

      }
      /deep/ .el-collapse-item__content{ background: #fff; padding-bottom: 0;}
			.navli {
				line-height: 50px;
				color: #7B8699;
				font-size: 14px;
				cursor: pointer;
        border-radius: 5px;
        font-weight: bold;
				position: relative;
				a {
					color: #7B8699;
					display: block;
					padding-left: 25px;
          display: flex; align-items: center;
          border-radius: 5px;

          &:hover {
          	color: #2974FF !important;
          }
				}

        img{
          filter: drop-shadow(#C0C6D2 100px 0);
          transform: translateX(-100px);
        }

				&:hover {
					background: #EEF7FF; transition: all 0.2s;
          img{
              filter: drop-shadow(#2974FF 100px 0);
              transform: translateX(-100px);
          }
				}
			}

			.navli2 {
				line-height: 50px !important;
				font-size: 14px;
				cursor: pointer;
				position: relative;
				a {
					display: block;
					padding-left: 55px;
          color: #7B8699;

          &:hover {
          	color: #2974FF !important;
          }
				}


			}

			/deep/ .el-collapse {
				border: none
			}

			/deep/ .el-collapse-item__wrap {
				background: #393E4A;
				border: none;
			}
			.is-active {}
		}

		.tac {
			height: 100%;

			/deep/ .is-opened {
				background: rgb(38, 52, 69) !important;
			}

			/deep/ .el-menu {
				height: 100%;
				width: 100%;
			}
		}
    .xin{
       background: url(https://photo.91haoka.cn/haoka_mobile/new.gif) no-repeat; background-size: 40px; background-position: 110px center;



      /deep/ .router-link-active {
      	background: url(https://photo.91haoka.cn/haoka_mobile/new.gif) no-repeat #EEF7FF; background-size: 40px; background-position: 110px center ;
      	color: #2974FF !important;
        img{
            filter: drop-shadow(#2974FF 100px 0) !important;
            transform: translateX(-100px);
        }
      }
    }
	}
</style>
